﻿<html>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<body>
<div id="wrapper">
<h2>Danh sách công việc theo trạng thái<h2/>
<div id="tasksbystatus">
			<div id="col1">
				<div class="content">
				<div id="list4">
   <ul>
      <li><a href="#"><strong>Toronto</strong>2004</a></li>
      <li><a href="#"><strong>Beijing</strong>2008</a></li>
      <li><a href="#"><strong>London</strong>2012</a></li>
      <li><a href="#"><strong>Rio de Janeiro</strong>2016</a></li>
   </ul>
</div>	
				</div> <!-- end content -->
			</div>
			<div id="col2">
				<div id="list5">
   <ol>
      <li>Google
         <ol>
            <li>Picasa</li>
            <li>Feedburner</li>
            <li>Youtube</li>
         </ol>
      </li>
      <li>Microsoft
         <ol>
            <li>Corel Corporation</li>
            <li>Zignals</li>
            <li>ByteTaxi</li>
         </ol>
      </li>
      <li>Yahoo!
         <ol>
            <li>Xoopit</li>
            <li>BuzzTracker</li>
            <li>MyBlogLog</li>
         </ol>
      </li>
   </ol>
</div>
			</div> <!-- end outer2 -->
			<div id="col3">
				<div class="content">
					<h3>Right 20%</h3>
					<p>This layout has been tested in IE6, IE7, Firefox, Opera, Safari(PC) and Chrome all latest versions.</p>
					<p>All the colors are background color, so there is no need for background images to give the impression of full height columns.</p>
					<p>All three columns will end at the footer.</p>
				</div> <!-- end content -->
			</div> <!-- end outer2 -->
</div>
</body>
<html>